<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="styleInscriptions.css" />
<link rel="stylesheet" media="screen" type="text/css"
	href="styles/tableau.css" />

<!-- //////////////////////////////////////////////////////////Style et JS dataPickers /////////////////////////////////////////////////////// -->
<link rel="stylesheet" href="styleJquery-ui-1.10.2.custom.css" />
<script src="jsFamille/jquery-1.9.1.js"></script>
<script src="jsFamille/jquery-ui-1.10.2.custom.js"></script>
<script src="jsFamille/DataPicker.js"></script>
<script type="text/javascript">
function popupFenetre(text){
     alert(text);
  }  
</script> 

<!-- //////////////////////////////////////////////////////////fin dataPicker /////////////////////////////////////////////////////// -->
<style type="text/css">
#per{
	
	margin-left: 2px;
	margin-bottom: 5px;
	margin-top: -2px;
	
}
</style>
</head>
<body>
	<div id="tout">
		

		<div id="header">
<label style="font-size: 50px" id="espFamille">Espace famille</label>
			<div id="headerDroite">
				<h:form>
					<h:panelGrid columns="2">
						<h:outputText style="center:left" value="#{mbConnexion.leLogin}" />
						<h:commandButton value="Déconnexion"
							action="#{mbConnexion.deconnexion}" />
						<h:outputText style="center:left" />
						<h:outputText style="center:left" />
					</h:panelGrid>
				</h:form>
			</div>



		</div>
		<div style="clear: both;"></div>
		<div id="photo">
			<img src="autreImages/classess.jpg" alt="photo" /> <img
				src="autreImages/vignette_passeport.jpg" alt="photo" /> <img
				src="autreImages/vignette_rencontre_jeunesse.jpg" alt="photo" />
			<div id="dernierePhoto">
				<img src="autreImages/vignette_vivre.jpg" alt="photo" />
			</div>
		</div>
		<div id="content">
			<ul id="menu">

				<li><a href="accueil.xhtml">Accueil</a></li>
				<li><a href="ficheEnfant.xhtml">Ma Fiche Enfant</a></li>
				<li><a href="Consulterinscriptions.xhtml">Mes Inscriptions</a>
					<ul>
						<li><a href="inscriptions.xhtml">Inscrire/Modifier</a></li>
						<li><a href="Consulterinscriptions.xhtml">Consulter
								activités</a></li>
					</ul></li>
				<li><a href="factures.xhtml">Mes Factures</a></li>
				<li><a href="contact.xhtml">Contact</a></li>
			</ul>
			<div id="milieux">
				<div id="centre">
						<!-- 	///////////////////////////////////////////////label de l'élève///////////////////////////  -->
		<div id="divEleve" style="height:1px">
				<table >
					<tr>
						<td><h:outputLabel id="idElv" value="#{beanInsFamille.idEl}" rendered="false" /></td>
					</tr>
				</table>
		</div>

		<div id="divoccas">
			<fieldset id="fieldsetoccas">
				<legend>
					<b>Fréquentation occasionnelle</b>
				</legend>

				<h:form id="formchargement">
					<div id="per">
						<h:selectOneMenu id="selectPeriode"	value="#{beanInsFamille.idPeriode}" style="background-color: transparent;border-radius : 5px;">
							<f:ajax listener="#{beanInsFamille.recupDate}" render="charg" />
							<f:selectItems value="#{beanInsFamille.listePeriodes}" />
						</h:selectOneMenu>
					</div>
					</h:form>
				
				<h:form id="charg">
					<div class="calendrier">
						<fieldset class="fieldsetcalendrier">
							<legend>
								<h:outputLabel value="#{beanInscriptionHib.matin}"></h:outputLabel>
								<h:outputLabel value="#{beanInscriptionHib.idMatin}" rendered="false"></h:outputLabel>
							</legend>


							<div id="dat"
								style="overflow-y: scroll; height: 120px; width: 200px;">

								<h:selectManyCheckbox id="checktDateMat"
									value="#{beanInsFamille.listeDatesSelectionnees}"
									layout="pageDirection">
									<f:selectItems value="#{beanInsFamille.mapDatesPeriode}" />
								</h:selectManyCheckbox>
							</div>
						</fieldset>
					<h:commandLink  value="Ajouter" actionListener="#{beanInsFamille.actionInscOccasMat}"
					style="text-decoration: underline;font-size: 14px;color:blue;margin-left: 100px;"  onclick="popupFenetre('Inscription accueil matin effectuée.');">
						<f:ajax execute="checktDateMat" render="" />
						</h:commandLink>
					</div>

					<div class="calendrier">
						<fieldset class="fieldsetcalendrier">
							<legend>
								<h:outputLabel value="#{beanInscriptionHib.cantine}"></h:outputLabel>
								<h:outputLabel value="#{beanInscriptionHib.idCantine}" rendered="false"></h:outputLabel>
							</legend>

							<div style="overflow-y: scroll; height: 120px; width: 200px;">
							
								<h:selectManyCheckbox id="checktDateCant"
									value="#{beanInsFamille.listeDatesSelectionnees}"
									layout="pageDirection">
									<f:selectItems value="#{beanInsFamille.mapDatesPeriode}"></f:selectItems>
								</h:selectManyCheckbox>
							</div>
						</fieldset>
						<h:commandLink value="Ajouter" actionListener="#{beanInsFamille.actionInscOccasCant}"
						style="text-decoration: underline;font-size: 14px;color:blue;margin-left: 100px;" onclick="popupFenetre('Inscription cantine effectuée.');">
						<f:ajax execute="checktDateCant" render="" />
						</h:commandLink>
							<div id="ModifSimul" style="margin-top: 8px; font-size: 12px;">

<h:commandLink  value="Simulation Facture" type="submit" action="simulationFacture"
actionListener="#{beanInsFamille.actionSimuler}">
</h:commandLink>

</div>
					</div>
					<div class="calendrier">
						<fieldset class="fieldsetcalendrier">
							<legend>
								<h:outputLabel  value="#{beanInscriptionHib.soir}"></h:outputLabel>
								<h:outputLabel name="IdSoir" id ="soir" value="#{beanInscriptionHib.idActivite}" rendered="false"></h:outputLabel>
							</legend>
							<div style="overflow-y: scroll; height: 120px; width: 200px;">
							
								<h:selectManyCheckbox id="checktDateSoir"
									value="#{beanInsFamille.listeDatesSelectionnees}"
									layout="pageDirection">
									<f:selectItems value="#{beanInsFamille.mapDatesPeriode}"></f:selectItems>
								</h:selectManyCheckbox>
							</div>

						</fieldset>
						<h:commandLink value="Ajouter" actionListener="#{beanInsFamille.actionInscOccasSoir}"
						style="text-decoration: underline;font-size: 14px;color:blue;margin-left: 100px;" onclick="popupFenetre('Inscription accueil soir effectuée.');">
						<f:ajax execute="checktDateSoir" render="" />
						</h:commandLink>
					</div>
					
				</h:form>

			</fieldset>

		</div>
		<!-- 	///////////////////////////////////////////////Fréq régulière///////////////////////////  -->

		<div id="divregulier">
		<h:form id="reg">
			<fieldset id="fieldsetreg" >
				
					<legend>
						<b>Fréquentation régulière</b>
					</legend>
					<div id="date">
						<label>Date début: </label>
						 <h:inputText id="datepicker" title="Date"
							class="datepicker" type="text" size="21" maxlength="256"
							value="#{beanInsFamille.dteReg}" onfocus="if (this.value== this.defaultValue) this.value='' " />
					</div>
					<div class="regulier">
						<fieldset class="fieldsetRegulier">
							<legend>
								<h:outputLabel value="#{beanInscriptionHib.matin}"></h:outputLabel>
								<h:outputLabel value="#{beanInscriptionHib.idMatin}" rendered="false"></h:outputLabel>
							</legend>
							<div style="height: 120px; width: 200px;">
							
							<table>
							<tr>
								<td><h:selectBooleanCheckbox value="#{beanInsFamille.lundiRecup}"/></td>
									<td><h:outputLabel>Lundi</h:outputLabel></td>
							</tr>
							<tr><td><h:selectBooleanCheckbox value="#{beanInsFamille.mardiRecup}"/></td>
									<td><h:outputLabel>Mardi</h:outputLabel></td>
							</tr>
							<tr><td><h:selectBooleanCheckbox value="#{beanInsFamille.jeudiRecup}"/></td>
									<td><h:outputLabel>Jeudi</h:outputLabel></td>
							</tr>
							<tr><td><h:selectBooleanCheckbox value="#{beanInsFamille.vendrediRecup}"/></td>
									<td><h:outputLabel>Vendredi</h:outputLabel></td>
							</tr>
						</table>
							</div>
						</fieldset>
					</div>
					<div class="regulier">
						<fieldset class="fieldsetRegulier">
							<legend>
								<h:outputLabel value="#{beanInscriptionHib.cantine}"></h:outputLabel>
								<h:outputLabel value="#{beanInscriptionHib.idCantine}" rendered="false"></h:outputLabel>
							</legend>
							<div style="height: 120px; width: 200px;">
								<table>
							<tr>
								<td><h:selectBooleanCheckbox value="#{beanInscriptionHib.lundi}"/></td>
									<td><h:outputLabel>Lundi</h:outputLabel></td>
							</tr>
							<tr><td><h:selectBooleanCheckbox value="#{beanInscriptionHib.mardi}"/></td>
									<td><h:outputLabel>Mardi</h:outputLabel></td>
							</tr>
							<tr><td><h:selectBooleanCheckbox value="#{beanInscriptionHib.jeudi}"/></td>
									<td><h:outputLabel>Jeudi</h:outputLabel></td>
							</tr>
							<tr><td><h:selectBooleanCheckbox value="#{beanInscriptionHib.vendredi}"/></td>
									<td><h:outputLabel>Vendredi</h:outputLabel></td>
							</tr>
						</table>
							</div>
						</fieldset>
						<h:commandLink value="Ajouter" actionListener="#{beanInsFamille.actionInscRegMat}"
						style="text-decoration: underline;font-size: 14px;color:blue;text-align:center;margin-left: 100px;"
						onclick="popupFenetre('Inscription régulière effectuée.');">
						<f:ajax execute="datepicker reg" render="" />
						</h:commandLink>
					</div>
					<div class="regulier">
						<fieldset class="fieldsetRegulier">
							<legend>

								<h:outputLabel value="#{beanInscriptionHib.soir}"></h:outputLabel>
								<h:outputLabel value="#{beanInscriptionHib.idSoir}" rendered="false"></h:outputLabel>

							</legend>
							<div style="height: 100px; width: 200px;">
								<table>
							<tr>
								<td><h:selectBooleanCheckbox value="#{beanInscriptionHib.lundi}"/></td>
									<td><h:outputLabel>Lundi</h:outputLabel></td>
							</tr>
							<tr><td><h:selectBooleanCheckbox value="#{beanInscriptionHib.mardi}"/></td>
									<td><h:outputLabel>Mardi</h:outputLabel></td>
							</tr>
							<tr><td><h:selectBooleanCheckbox value="#{beanInscriptionHib.jeudi}"/></td>
									<td><h:outputLabel>Jeudi</h:outputLabel></td>
							</tr>
							<tr><td><h:selectBooleanCheckbox value="#{beanInscriptionHib.vendredi}"/></td>
									<td><h:outputLabel>Vendredi</h:outputLabel></td>
							</tr>
						</table>
							</div>
						</fieldset>
					</div>
				
			</fieldset>
			</h:form>
		</div>
	


	</div>
				<div style="clear: both;"></div>
			</div>
		</div>
		<div style="clear: both;"></div>
		<div id="footer">
			<img src="images/afcepfMinus.png"></img> Gepeto <img
				src="images/malakoffMinus.png" />
		</div>
	</div>
</body>
</html>
